<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>详情</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm-extend.min.css">

<style>
body {
	font-family: "Droid Sans", "Droid Sans Fallback", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
p {
	margin-top: 11px;
	line-height: 16px;
	font-size: 0.7rem;
	;
	color: #88888d;
}
.button{
	line-height: 1.5rem;
		height: 1.5rem;
}
</style>
</head>
<body>
<!-- 你的html代码 -->
<div class="page">
  <div class="content"> 
    <!-- 这里是页面内容区 -->
  
    
    <div class="card">
    <div class="card-header">
	    <div class="item-title">吴中原</div>
	    <div class="item-after">2016-02-29 17:23:12</div>
    </div>
      <div class="card-content">
        <div class="list-block media-list">
          <ul>
            <li class="item-content">
              <div class="item-media"> <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" style='width: 4.5rem;'> </div>
              <div class="item-inner">
                <div class="item-title-row">
                  <div class="item-title" style="font-size:0.8rem; font-weight:700;">移动电源</div>
                  <div class="item-after">￥20</div>
                </div>
                <p class="desc">收货地址：山东省 青岛市 黄岛区 长江路66号中国石油大学 中国石油大学-图书馆</p>
                <!-- <span style="color:pink; font-size:0.8rem; color: #ff4683;"><b>￥{$pDetail.practice_sale_price}</b></span> 
				<span class="pull-right" style=" font-size:0.6rem; margin-top:0.3rem;">已售{$pDetail.totalOrder}</span> </div> -->
            </li>
          </ul>
        </div>
      </div>
      <div class="card-footer"> 
	      <div class="item-title" id="status" red>已支付，待收货</div>
	      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		      <button class="button ">确认收货</button>
		     <button class="button button-danger">投诉</button>
      </div>
    </div>
    
    
  </div>
   
</div>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.9/js/sm.min.js' charset='utf-8'></script>

<!-- <script type='text/javascript' src='http://res.wx.qq.com/open/js/jweixin-1.1.0.js' charset='utf-8'></script> -->
<script>
 /* $.showPreloader('正在加载数据...');
wx.config({
	      debug: false,
	      appId: '<?php echo $js_sign["appId"]; ?>', // 必填，公众号的唯一标识
	      timestamp: <?php echo $js_sign["timestamp"]; ?>, // 必填，生成签名的时间戳，切记时间戳是整数型，别加引号
	      nonceStr: '<?php echo $js_sign["nonceStr"]; ?>', // 必填，生成签名的随机串
	      signature: '<?php echo $js_sign["signature"]; ?>', // 必填，签名，见附录1
	      jsApiList: ['closeWindow']
	  });
wx.ready(function(){
	   $.hidePreloader();
	   $(document).on('click', '#preOrder',function () {
		    $.alert('预报名不用交费，确认报名即可，比赛当天现场交费！', function () {
		        $.ajax({
					  type: 'POST',
					  url: '__URL__/preOrder',
					  data: {id:<?php echo $mDetail['match_id'];?>},
					  dataType: 'json',
					  timeout: 6000,
					  context: $('body'),
					  success: function(data){
						
					    if(data.status==200){
					    	 $.alert('报名成功');
					    	 wx.closeWindow();
					    }
					    else {
					    	alert(data.message);
					    }
					  },
					  error: function(xhr, type){
					    alert('提交超时');
					  }
					});
		       
		    });
		});

}); 
 */
</script>
</body>
</html>